<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>paper</title>
    <link rel="stylesheet" href="../share.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav class="nav">
        <a href="../../encyclopedia/encyclopedia.html">
            <i class="iconfont icon-arrow-right1"></i>
        </a>
        <h1>DryGarbage</h1>
        <h1>&nbsp;</h1>
    </nav>
    <!-- 内容栏 -->
    <div class="container">
        <!-- banner展示图 -->
        <div class="banner">
            <img src="../../img/caneskin.jfif" alt="">
        </div>
        <!-- 简单介绍 -->
        <div class="info">
            <div class="logo">
                <i class="iconfont icon-ganlaji-icon"></i>
                <button>
                    <i class="iconfont icon-fenxiang"></i>
                    <span>分享</span>
                </button>
            </div>
            <div class="infos">
                <h1>甘蔗皮</h1>
                <div class="title">
                    <p>分类</p><span>干垃圾</span>
                </div>
                <div class="title">
                    <p>属性</p><span>食物</span>
                </div>
            </div>
        </div>
        <!-- 解决办法 -->
        <div class="solve">
            <div class="way">
                <h1>干垃圾</h1>
                <p>即普通垃圾，指除可回收物、有害垃圾、湿垃圾以外的其他生活废弃物。</p>
            </div>
            <div class="way">
                <h1>如何处理</h1>
                <p>不是湿垃圾！</p>
                <p>甘蔗皮实在太过尖锐、吃甘蔗时，如果产生了甘蔗皮，把它们丢入干垃圾，嚼过的甘蔗渣丢入湿垃圾。</p>
            </div>
        </div>
        <!-- 相关更多 -->
        <div class="else">
            <h1>相似物体啊啊啊啊啊</h1>
            <div class="more">
                <div class="item">
                    <a href="#">
                        <img src="../../img/printbg.jpg" alt="">
                    </a>
                    <div class="tip">
                        <div class="name">
                            <i class="iconfont icon-ganlaji-icon"></i>
                            <span>榴莲壳</span>
                        </div>
                        <div class="about">
                            <p>干垃圾</p>
                            <span>食物</span>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <a href="#">
                        <img src="../../img/printbg.jpg" alt="">
                    </a>
                    <div class="tip">
                        <div class="name">
                            <i class="iconfont icon-ganlaji-icon"></i>
                            <span>椰壳</span>
                        </div>
                        <div class="about">
                            <p>干垃圾</p>
                            <span>食物</span>

                        </div>
                    </div>
                </div>
            </div>
        </div>


</body>

</html>